<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>技术方平台</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="../css/weui.css" />
  <link rel="stylesheet" href="../css/swiper-4.3.3.min.css">
  <script type="text/javascript" src="../js/jquery-1.11.3.min.js" ></script>
  <script type="text/javascript" src="../js/swiper-4.3.3.min.js" ></script>

  <!-- Demo styles -->
  <style>
    html, body {
      position: relative;
      height: 100%;
    }
    body {
    	
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
    .swiper-container {
    	  
    	margin-top: 0rem;
      width: 100%;
      height: 100%;
       
    	padding-bottom:38%;
    	width:100%;
    	height:0;
    }
    .swiper-slide {
    	 
    	width: 100%;
    	padding-bottom:38%;
    	width:100%;
    	height:0;
    	 
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
    
    .nav{
    	border: 1px solid red;
    	width: 30%;
    	height: 100%;
    	float: left;
    }
  </style>
</head>
<body  class="page">
	
	
	<div id="d" style="padding-bottom:10%;width:100%;height:0;margin-top: 1rem;background-color: black;margin-top: 0px;">
			 	<div style="width:70%;margin:auto auto;"> 
			 		<img src="../img/index/top.png" style="height: auto;width:100%; margin:auto auto;" />		
			  	</div>	 
			  	
			  	 
	</div>
	
	
  <!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="../img/0.jpg" style="width: 100%;height: auto;"/></div>
      <div class="swiper-slide"><img src="../img/1.jpg" style="width: 100%;height: auto;"/></div>
      <div class="swiper-slide"><img src="../img/2.jpg" style="width: 100%;height: auto;"/></div>   
    </div>
    <!-- Add Pagination -->
   <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
<!-- <div class="swiper-button-next"></div>-->
  <!--  <div class="swiper-button-prev"></div> -->
  </div>




<!--==========================================九宫格==========================================-->

<div class="weui-grids">
       
        
        
        <a href="demrelease.html" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="../img/index/icons8-添加-96.png" alt="">
            </div>
            <p class="weui-grid__label">发布需求</p>
        </a>
        
        
            <a href="Demand/delalldemInfo.html" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="../img/index/icons8-编辑属性-filled-100.png" alt="">
            </div>
            <p class="weui-grid__label">修改个人需求</p>
        </a>
        
        
             <a href="Demand/alldemInfo.html" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="../img/index/icons8-任务-24.png" alt="">
            </div>
            <p class="weui-grid__label">个人所有需求</p>
        </a>
        
          
           <a href="deleteDem.html" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="../img/index/icons8-关于-96 (1).png" alt="">
            </div>
            <p class="weui-grid__label">删除个人需求</p>
        </a>
        
        
        
        
        <a href="search.html" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="../img/index/icons8-高级搜索-96.png" alt="">
            </div>
            <p class="weui-grid__label">查找相关服务资源信息</p>
        </a>
        <a href="expert.html" class="weui-grid">
            <div class="weui-grid__icon">
                <img src="../img/index/icons8-握手-96.png" alt="">
            </div>
            <p class="weui-grid__label">专家信息</p>
        </a>
    
    
         
         

   
        
        
        
       
    </div>






	<div class="weui-tabbar" style="">
		<a href="personalInfo.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="../img/index/icons8-用户-100.png" alt="">
			</div>
			<p class="weui-tabbar__label">个人信息</p>
		</a> <a href="delPersonalInfo.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="../img/index/icons8-会话框-100.png" alt="">
			</div>
			<p class="weui-tabbar__label">修改个人信息</p>
		</a> <a href="delPassword.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="../img/index/icons8-帮助-96.png" alt="">
			</div>
			<p class="weui-tabbar__label">修改密码</p>
		</a>
		
		
		
		
	</div>









<!--===================================滚动图片js代码===============================-->
  <!-- Swiper JS -->
  <script src="../dist/js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>
</body>
</html>